<template>
<div class="wrap">
<xcl-header :page-title="pageTitle" :header-right="headerRight"></xcl-header>
<div class="content">
	<div class="list-block" style="margin:0.5rem 0">
	    <ul>
	      <li>
	        <div class="item-content">
	          <div class="item-inner">
	            <div class="item-title label" style="width:25%">手机号</div>
	            <div class="item-input" style="color:#999;">
	               {{user.phoneNumber | hideNumber 3 4}}
	            </div>
                <div class="item-after" style="color:#999;">
                    （已绑定）
                </div>
	          </div>
	        </div>
	      </li>
	    </ul>
  	</div>
  	<div class="content-block">
		<button :class="['button','button-fill','btn-style']" v-link="{path:'/User/Setting/ModifyPhone/step1'}">{{submitText}}</button>
	</div>
</div>
  </div>
</template>
<script>
import xclHeader from '../components/header.vue'
export default {
    data (){
        return {
            scroll:true,
            pageTitle:'绑定手机',
            submitText:'更换手机号',
            headerRight:'', 
            user:{
            	nickName:localStorage.nickName,
                phoneNumber:localStorage.phoneNumber
            },
            toast:{
            	show:false,
            	content:''
            }
        }
    },
    components:{
       "xclHeader":xclHeader
    }
}
</script>